<form action="?target={{ comments_form.target|e(true) }}" method="post">
    {% if comments_form.error %}
    <div class="error">{{ comments_form.error|e }}</div>
    {% endif %}
    <p>Note: you can also <a href="{{ pathto(suggest_url, 1)|e }}">suggest
    changes</a> to the official documentation text.</p>
    <dl>
      <dt>Name:</dt>
      <dd><input type="text" size="24" name="author" value="{{ comments_form.author|e(true) }}"></dd>
      <dt>E-Mail Address:</dt>
      <dd><input type="text" size="24" name="author_mail" value="{{ comments_form.author_mail|e(true) }}"></dd>
      <dt>Comment Title:</dt>
      <dd><input type="text" size="36" name="title" value="{{ comments_form.title|e(true) }}"></dd>
    </dl>
    <input type="text" size="12" name="homepage" id="homepage">
    <textarea name="comment_body" rows="7" cols="50">{{ comments_form.comment_body|e }}</textarea>
    {% if preview %}
    <div class="preview">
      <h4>Preview</h4>
      <div class="comment">
        <h4>{{ preview.title|e or '&nbsp;' }}</h4>
        <div class="text">{{ preview.parsed_comment_body or '&nbsp;' }}</div>
        <div class="meta">by {{ preview.author|e }}, written on
        {{ preview.pub_date|datetimeformat }} |
        <a href="#">#</a></div>
      </div>
    </div>
    {% endif %}
    <div class="actions">
      <input type="submit" value="Submit comment">
      <input type="submit" name="preview" value="Preview">
      <input type="reset" value="Reset form">
    </div>
  </form>
